<script lang="ts" setup>
import { defineEmits, ref } from "vue"

interface Props {
  value: string | number
  mini: boolean
}
const aa = '1111'
const emit = defineEmits(["input"])
const props = withDefaults(defineProps<Props>(), {
  value: "",
  props: false
})
const data = ref(props.value)
const handleInput = (value: string) => {
  emit("input", value)
}
</script>

<template>
  <el-input :style="{ width: props.mini ? '120px' : '200px' }" size="small" v-model="data" v-bind="$attrs"
            @input="handleInput" />
</template>

<style lang="scss" scoped>
@import "@/styles/mixins.scss";
</style>
